tora

2023-04-15 06:41| 来源: 网络整理| 查看: 265

1.编译较慢5s左右

yarn dev:weapp warnning: 1. 预览模式生成的文件较大，设置 NODE_ENV 为 production 可以开启压缩。 Example: $ NODE_ENV=production taro build --type weapp --watch 2. 建议开启持久化缓存功能，能有效提升二次编译速度，详情请参考: https://docs.taro.zone/docs/config-detail#cache。 solve: 1.修改package.json内容： "scripts": { "dev:weapp": "taro build --type weapp --watch --env production" } 2.webpack5持久化https://juejin.cn/post/7055109923746611208

2.用vscode实时预览小程序模拟器，暂时没有解决方案【TODO】

3.路由直接在app.config.ts中配置，使用

import Taro from '@tarojs/taro' Taro.redirectTo({ url: '/pages/cartPage/index', })

4.安装组件库taro-ui

yarn global add @tarojs/cli import 'taro-ui/dist/style/index.scss' // 样式全局引入一次即可

5.使用react hook 原因：https://zhuanlan.zhihu.com/p/137183261

Component非UI逻辑复用困难。组件的生命周期函数不适合side effect逻辑的管理。不友好的Class Component

6.设置别名alias，无需eject出config/webpack.config.js https://juejin.cn/post/6892636779850137608

7.taro无法使用相对路径引用本地图片资源 https://blog.csdn.net/qzw752890913/article/details/111395962

8.引用taro-ui组件报错 “xxxx”不能用作 JSX 组件 http://www.whaleal.com/thread?topicId=102

9.报错解决升级taro-ui https://blog.csdn.net/qq_28827635/article/details/122725509

10.jsx runtime https://developer.aliyun.com/article/1130017 https://blog.csdn.net/qq_42592823/article/details/125498832

11.ts报错类型“Readonly＜{}＞”上不存在属性_范天缘的博客-CSDN博客

12.微信小程序页面，底部横向滚动条，去除方法【todo】

13.tsconfig.ts文件编译属性 TSConfig 之 include、exclude 和 files 选项 - 掘金 (juejin.cn)

14.底部固定标签栏使用reducer https://juejin.cn/post/6844904168382005256#heading-7

15.引入iconfont图标，不得不说taro-ui的图标真的太少了xd



更新图库：下载iconfont替换如下文件即可

image.png

icon调节亮度，可以起到加深颜色的效果参考：https://www.codenong.com/1625681/

filter: brightness(85%);

【本文地址】

tora

tora

今日新闻

推荐新闻